<template>

    <div class="cartList">
      <CartListItem
        v-for="(item, index) in products"
        :key="index"
        :item="item"
        @loadImg="loadImg"
      >
      </CartListItem>
    </div>

</template>

<script>

import CartListItem from "./cartListItem";
import { mapGetters } from "vuex";
export default {
  data() {
    return {};
  },
  components: {
    CartListItem,
    
  },
  computed: {
    ...mapGetters(["products"]),
    // ...mapGetters({
    //   productsLength:'productsLength',
    //   products:'products'
    // })
  },
  methods: {
    loadImg() {
      console.log(111);
    },
  },
};
</script>

<style scoped>

.cartList {
  /* width: 100%;
  position: fixed;
  top:40px;
  bottom:89px;
  left: 0;
  right: 1;
  overflow-y: auto; */
}
</style>